<!--
内容：统计报表 --- 工作成果
作者：段竟成
日期： 20170706
-->

<template>
    <chart :options="config" ref="chart" auto-resize  style="height: 200px;"></chart>
</template>

<script>
    import chart from 'vue-echarts'

    //默认配置
    const defaults = {
        title: {
            text: '',
            padding: [10, 30, 20, 20],
            textStyle: {
                fontFamily: 'MicrosoftYaHei',
                fontSize: '16',
                fontWeight: '700',
                color: '#333333',
            }
        },
        legend: {
            orient: 'horizontal',
            x: 'right',
            padding: [10, 30, 20, 0],
            data: '工作成果'
        },
        color: ['#B1C5E8','#5E5BA7'],
        xAxis: [
            {
                type: 'category', //设置轴类型
                data: ['新增简历','推荐简历','到场面试','已发offer','新人入职','关闭职位'], //设置轴数据
                axisLine: {  //坐标轴轴线相关设置。
                    show: true,
                    lineStyle: {color: '#f5f5f5'}
                },
                axisTick: { //坐标轴刻度相关设置。
                    show: false
                },
                axisLabel: { //坐标轴刻度标签的相关设置。
                    textStyle: {
                        color: '#666',
                    }
                },
                splitLine: { //坐标轴在 grid 区域中的分隔线。
                    show: false
                }
            }
        ],
        yAxis: [
            {
                type: 'value',
                axisLine: {
                    show: true,
                    lineStyle: {color: '#f5f5f5'}
                },
                axisTick: {
                    show: false
                },
                axisLabel: {
                    textStyle: {
                        color: '#666',
                    }
                },
                splitLine: {
                    show: true,
                    lineStyle: {color: '#f5f5f5'}
                }
            }
        ],
        grid: {
            x:50,
            x2:50,
            y:50,
            y2:50,
        },
        tooltip: {
            trigger: 'axis',
            axisPointer: {
                type: 'shadow',
                shadowStyle: {
                    color: 'rgba(150,150,150,0.2)'
                }
            }
        },
        series: [
            {
                name: '工作成果',
                type: 'bar',
                data: [1800,800,600,300,100,150],
                symbolSize: 5,
                symbol: 'emptyCircle',
                smooth: true,
            }
        ]
    };
    export default {
        name: 'column',
        props: {
            options: {
                type: Object
            },
        },
        computed: {
            config: function () {
//                return _.defaultsDeep({}, this.options, defaults);
                return defaults;
            },
        },
        methods: {

        },
        watch: {

        },
        components: {
            chart
        }
    }
</script>

<style lang="scss">

</style>
